// 全局的样式重写
//
// 禁止CSS语法检查，参阅 https://stylelint.io/user-guide/ignore-code
// stylelint-disable

// #ifndef APP
// APP只支持类名选择器
view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
  box-sizing: border-box;
}

// #endif

// #ifdef MP-WEIXIN
// 微信小程序的根元素为`page`标签，可打开微信开发者工具的控制台查看
// 微信小程序只支持内置标签按标签名覆写，用户自定义的组件只能按`class`来覆写。
// Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
page {
  background: $uni-bg-color;
  padding: 0;
  margin: 0 auto;
}

// #endif */
// #ifdef APP
// APP端的根元素有`#app`标记
// 可连接真机运行到调试基座，打开HBuildX工具类的“视图->显示调试视图/显示WebView调试控制台”->“Inspest(调试)”查看
#app {
  background: $uni-bg-color;
  padding: 0;
  margin: 0 auto;
}

// #endif
// #ifdef H5
// H5端的顶级元素有`uni-page`标签，可打开浏览器的开发者工具的控制台查看
uni-page,
uni-page-body {
  background: $uni-bg-color;
  padding: 0;
  margin: 0 auto;
}

// #endif
.page,
.container {
  background: $uni-bg-color;
  padding: 0;
  margin: 0 auto;
}

// 解决 H5 、小程序和 APP 的问题，隐藏滚动条，但依旧具备可以滚动的功能
::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

.uni-list--border:after {
  background-color: $uni-border-color !important;
}

.uni-list--border-top {
  background-color: $uni-border-color !important;
}

.uni-list--border-bottom {
  background-color: $uni-border-color !important;
}

.uni-list-item__container {
  padding: 20rpx 30rpx !important;
}

.uni-list-item__content-title {
  color: $uni-text-color !important;
  white-space: nowrap;
}

// #ifdef H5
uni-input {
  font-size: $uni-font-size-base;
  color: $uni-text-color;
}

// #endif
.uni-input-input,
.uni-input {
  font-size: $uni-font-size-base;
  color: $uni-text-color;
}

.uni-input-placeholder,
.input-placeholder {
  color: $uni-text-color-placeholder;
}

/* 单行超出隐藏 */
.using-hidden {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}

/* 多行超出隐藏 */
.multi-hidden {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mb-ios {
  /*注意先constant()后env()*/
  margin-bottom: constant(safe-area-inset-bottom); /* 兼容 IOS<11.2 */
  margin-bottom: env(safe-area-inset-bottom); /* 兼容 IOS>=11.2 */
}

.pb-ios {
  /*注意先constant()后env()*/
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 IOS<11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 IOS>=11.2 */
}

// 防止穿透
.u-popup .u-transition {
  touch-action: none;
}

// 去掉 uveiew 点击时变灰【针对于微信小程序处理，官方提供的方法，在小程序中不起作用】
.u-button.u-button--active:before {
  opacity: 0 !important;
}

// 弹窗圆角[从下往上弹窗]
.u-popup[type='bottom'] .u-popup__content,
.u-popup .u-slide-up-enter-to .u-popup__content {
  border-top-left-radius: 16rpx;
  border-top-right-radius: 16rpx;
  overflow: hidden;
}

.u-cell-group .u-cell__body__content {
  line-height: 1;
}

.u-cell-group .u-cell__right-icon-wrap .uicon-arrow-right {
  font-size: 28rpx !important;
  color: #999;
}

.main-container {
  display: flex;
  flex-direction: column;
}
